/**************** 全局样式变量定义部分 ****************/

/******** 字体相关 ********/
$base-font: normal 16px ui-serif, sans-serif;

/******** 色彩相关 ********/
/* 主题色 */
$theme-bgcolor: #f3f4f8;
$theme-color: #f9d01e;
$footer-bgcolor: #3d3d3d;
/* 字体颜色 */
$dark-font-color: #0f0f0f;
$base-font-color: #3d3d3d;
$base-link-color: #2f9dff;
$gray-font-color: #9a9b9c;
$light-font-color: #f1f2f4;
$problem-color: #e3a805;
$subtext-color: #44576b;

/******** 盒子模型 ********/
// 页面主要内容宽度
$main-content-width: 1152px;
// 基本圆角
$base-radius: 8px;
// 基本阴影
$base-shadow: 0 8px 12px rgba(59, 60, 63, 0.2);

/******** Mixin 相关 ********/
/* 居中块级元素 */
@mixin center-block($marginVertical: 0) {
	width: $main-content-width;
	margin: $marginVertical auto;
}

/* 内容面板 */
@mixin content-panel($margin: 0, $padding: 0) {
	margin: $margin;
	padding: $padding;
	overflow: hidden;
}
